.cases_wrapper {
    min-height: 700px;
    margin: 130px 0px 43px;
    color: #666;
    font-family: "微软雅黑",arial;
}

.case-main {
    height: 677px;
    position: relative;
}

.cases_wrapper .center1200 {
    width: 1100px !important;
    margin: 0px auto;
}

.mod-nav {
    border-width: 1px 0px 1px 1px;
    border-style: solid none solid solid;
    border-color: #EEE -moz-use-text-color #EEE #EEE;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    width: 206px;
    height: 675px;
    background: #FFF none repeat scroll 0% 0%;
    color: #FFF;
    position: relative;
}

.fl {
    float: left;
}

.mod-nav ul {
    height: 100%;
    position: relative;
    z-index: 100;
}

.mod-nav ul .active{
    border-left:1px solid #00bd6b;
    /*border-right:1px solid #00bd6b;*/
    background:#eeeeee;
}

.mod-nav {
    color: #FFF;
}

.mod-nav li {
    height: 47px;
    line-height: 47px;
    padding-left: 18px;
    font-size: 14px;
}

.mod-nav li > a {
    color: #999;
    text-decoration: none;
    display: block;
    transition-duration: 0.4s;
}

.mod-nav i {
    width: 14px;
    text-align: center;
    margin-right: 18px;
}

.mod-nav .nav-cur a {
    color: #027D9C;
}

.mod-nav .nav-cur {
    width: 188px;
    height: 47px;
    right: 0px;
    top: 54px;
    border-left: 2px solid #027D9C;
    background-color: #F9F9FA;
    margin-left: -2px;
}

.case-main-group {
    width: 893px;
    height: 100%;
    background: transparent url("http://www.vcooline.com/assets/v5.1/cases/casebg.jpg") no-repeat scroll 0% 0%;
}

.fr {
    float: right;
}

.wrapp {
    width: 943px;
}

.pr {
    position: relative;
}

.wrapp li {
    width: 943px;
    height: 677px;
    display: none;
}

.cases1 {
    top: 137px;
    left: 77px;
}

.block {
    display: block;
}

.pa {
    position: absolute;
}

.cases2 {
    top: 137px;
    left: 363px;
}

.casesBg {
    top: 107px;
    right: 64px;
    z-index: 0;
    width: 242px;
    height: 300px;
    background-color: #FFF;
    opacity: 0.8;
}

.cases_content {
    top: 107px;
    right: 64px;
    z-index: 9;
    padding-top: 18px;
    width: 242px;
    height: 300px;
}

.bc {
    margin-left: auto;
    margin-right: auto;
}

.cases_content h1 {
    margin: 15px 0px 14px;
    font-size: 18px;
    height: 18px;
    line-height: 18px;
    color: #333;
}

.tc {
    text-align: center;
}

.banner {
    text-align: center;
}

.banner img {
    border: 0px none;
    max-width: 100%;
}

img.bc{
    width: 200px;
    height: 200px;
    margin: 30px auto;
}

h4.tc{
    font-size: 18px;
    line-height: 30px;
}